<template>
  <div class="middle">
    <!-- <div class="middle-item">
      <div><span>0.00</span><span>元</span></div>
      <div>我的余额</div>
    </div>
    <div class="middle-item">
      <div><span>0</span><span>个</span></div>
      <div>我的优惠</div>
    </div>
    <div class="middle-item">
      <div><span>0</span><span>分</span></div>
      <div>我的积分</div> -->
    </div>
  </div>
</template>

<script>

export default {
  name: '',
  data () {
    return {
      
    }
  },
  methods:{
  
}
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.middle{
  text-align: center;
  display: flex;
  border-bottom: 10px solid #eee;
}
.middle-item{
  margin-top: 20px;
  margin-bottom: 15px;
  flex: 1;
}
</style>